<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Vue双向绑定功能</title>
	</head>
	<script src="./vue/vue.js"></script>
	<script src="./vue/jQurey.js"></script>
	<body>
		<h1>{{address}}</h1>
		<div id="app">
			<h2>{{address}}</h2>
			<br>
			<!-- 
				操纵Vue的数据,必须设置一个指令 v-model
				1、操纵页面元素View,数据Model发生变化
				2、操纵数据Model,页面元素内容View随之改变
			-->
			<input type="text" id = "address" v-model="address" />
		</div>
	</body>
</html>

<script>
	
	var vm = new Vue({
		el : "#app",
		data : {
			address : "长沙岳麓区",
			
		}
	});
</script>
